<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
        <link rel="stylesheet" type="text/css" href="./css/generic.css"/>
        <script src="jslib/prototype.js" type="text/javascript"></script>
        <script src="jslib/ef/scriptaculous.js" type="text/javascript"></script>
        <script src="jslib/jb.core.js" type="text/javascript"></script>
        <script src="jslib/jb.ajax.js" type="text/javascript"></script>
        <script src="jslib/jb.designer.js" type="text/javascript"></script>
<style type="text/css">

td{
border-bottom:1px solid blue;
border-left:1px solid blue;
}

</style>
<script>
function doScrolled(ele)
{
    alert(ele.scrollTop);
}

</script>

    </head>
    
    <body style="margin:0px;">

   <div style="height:300px;width:700px;overflow:hidden;" >
        <div style="z-index:100;left:0px;top:0px;width:700px;overflow:hidden;height:20px;background:silver;" id="d12312_ht">
                <div id="d12312_g" style="width:100%;left:0px;position:absolute;">
                <div id="d12312_g0" style="left:10px;width:123px;position:absolute;">dads</div>
                <div id="d12312_g1" style="left:120px;width:123px;height:20px;position:absolute;"
                     >asdf</div>
                 
                <div  id="d12312_g2" style="width:123px;height:20px;left:240px;position:absolute;"
                     >asd</div>
                 
                <div id="d12312_g3" style="width:123px;height:20px;left:360px;position:absolute;"
                     >asds</div>
                       
                <div id="d12312_g4" style="width:123px;height:20px;left:480px;position:absolute;"
                     ></div>
                </div>
               <div id="d12312_0" style="left:10px;position:absolute;"></div>
                <div class="jbDivider" id="d12312_1" style="left:120px;width:3px;height:20px;position:absolute;"
                     ondrag_end="JB.Table.onChangeWidth"  draggable="true" dragBox="d12312_ht"></div>
                 
                <div class="jbDivider" id="d12312_2" style="width:3px;height:20px;left:240px;position:absolute;"
                     ondrag_end="JB.Table.onChangeWidth"  draggable="true" dragBox="d12312_ht"></div>
                 
                <div class="jbDivider" id="d12312_3" style="width:3px;height:20px;left:360px;position:absolute;"
                     ondrag_end="JB.Table.onChangeWidth"  draggable="true" dragBox="d12312_ht"></div>
                       
                <div class="jbDivider" id="d12312_4" style="width:3px;height:20px;left:480px;position:absolute;"
                     ondrag_end="JB.Table.onChangeWidth" draggable="true" dragBox="d12312_ht"></div>
        </div> 
        
        <div style="height:200px;width:700px;overflow:auto">
        <table id="d12312_table" cellpadding="0px" border="0" style="height:200px;width:100%;" cellspacing="0px">
            <tbody>
                    <tr >
                        <th id="d12312_1_h" style="font-size:1px;background-color:silver;height:1px;" >&nbsp;</th>
                        <th id="d12312_2_h" style="font-size:1px;background-color:silver;height:1px;" >&nbsp;</th>
                        <th id="d12312_3_h" style="font-size:1px;background-color:silver;height:1px;" >&nbsp;</th>
                        <th id="d12312_4_h" style="font-size:1px;background-color:silver;height:1px;" >&nbsp;</th>
                        <th id="d12312_5_h" style="font-size:1px;background-color:silver;height:1px;" >&nbsp;</th>
                    </tr>
                    <tr>
                        <td >
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>da</td>
                        <td>d</td>
                        <td>d</td>
                        <td>d</td>
                    </tr>
                    <tr>
                        <td>d</td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>d</td>
                        <td>d</td>
                    </tr>
                    <tr>
                        <td>d</td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>d</td>
                        <td>d</td>
                    </tr>
                    <tr>
                        <td>d</td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>d</td>
                        <td>d</td>
                    </tr>
                    <tr>
                        <td>d</td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>d</td>
                        <td>d</td>
                    </tr>
                    <tr>
                        <td>d</td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>d</td>
                        <td>d</td>
                    </tr>
                    <tr>
                        <td>d</td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>d</td>
                        <td>d</td>
                    </tr>
                    <tr>
                        <td>d</td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>d</td>
                        <td>d</td>
                    </tr>
                    <tr>
                        <td>d</td> 
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>d</td>
                        <td>d</td>
                    </tr>
                    <tr>
                        <td>d</td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>d</td>
                        <td>d</td>
                    </tr>
                    <tr>
                        <td>d</td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>d</td>
                        <td>d</td>
                    </tr>
                    <tr>
                        <td>d</td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>d</td>
                        <td>d</td>
                    </tr>
                    <tr>
                        <td>d</td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>d</td>
                        <td>d</td>
                    </tr>
                    <tr>
                        <td>d</td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>d</td>
                        <td>d</td>
                    </tr>
                    <tr>
                        <td>d</td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>d</td>
                        <td>d</td>
                    </tr>
                    <tr>
                        <td>d</td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>
                            <div style="white-space:nowrap;overflow:hidden;background-color:red;">dasASDFadasdfasdafAS fa</div>
                        </td>
                        <td>d</td>
                        <td>d</td>
                    </tr>
                </tbody>
            </table>
            </div>
        </div>


    </body>
</html>